<ul  class="tab-nav">
    <li class="nav-item active first">
        <a class="topLevel" title="首页" href="#">首页</a>
    </li>
    <li  *ngFor="let category of categorys.categorys" class="j-nav-item nav-item " (mouseenter)='popMenu($event)' (mouseleave)='hideMenu($event)'>
        <a class="topLevel" href="#" title='{{category.title}}'>
          {{category.title}}
        </a>
        <div name='nav-dropdown' class="j-nav-dropdown nav-dropdown" style="display: none;">
            <div class="j-nav-cateCard nav-cateCard" style="width: 1663px; left: -831.5px;">
                <ul class="card-list">
                    <li  *ngFor="let subCategory of category.subCategorys" class="item">
                        <a class="nav-subCate" href="#" >
                         <img class="icon" src='{{subCategory.src}}'>
                           <p class="text">{{subCategory.title}}</p>
                         </a>
                    </li>
                </ul>
            </div>
        </div>
    </li>
</ul>